import React, { Component } from "react"

import { Carousel } from "antd-mobile"

interface BBCarouselProps {
  selectedIndex?: number
  dots?: boolean
  dotStyle?: object
  dotActiveStyle?: object
  autoplay?: boolean
  autoplayInterval?: number
  infinite?: boolean
  frameOverflow?: "hidden" | "visible" | undefined
  cellSpacing?: number
  slideWidth?: number
  easing?: () => void
  swipeSpeed?: number
  afterChange?: (index: number) => void
  beforeChange?: (from: any, to: any) => void
  children?: React.ReactNode
  className?: string
}

export class BaseCarousel extends Component<BBCarouselProps, {}> {
  render() {
    return <Carousel {...this.props}>{this.props.children}</Carousel>
  }
}
